// 重置浏览器默认样式
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

// == 重置饿了吗组件库的样式 ==
// 实例：全局重置卡片的基础样式
.el-card.is-always-shadow,
.el-card.is-hover-shadow:focus,
.el-card.is-hover-shadow:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

// 覆盖
.el-dialog__header {
  background-color: #085dcc;
  padding: 15px;
  .el-dialog__title,
  i {
    color: #fff !important;
  }
}
// 注册和登录共用的样式
.reg-container {
  background: url('../assets/images/login_bg.jpg') center;
  background-size: cover;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;

  // 使用flex让reg-box水平垂直居中
  // 表单盒子
  .reg-box {
    width: 400px;
    // height: 335px;
    background-color: pink;
    border-radius: 3px;

    padding: 0 20px;
    // position: absolute;
    // left: 50%;
    // top: 50%;
    // transform: translate(-50%, -50%);

    .title-box {
      height: 60px;
      background: url('../assets/images/login_title.png') center no-repeat;
    }
    // 按钮撑满
    .btn-all {
      width: 100%;
    }
  }
}
